<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";

.edit-user {
  width: 10rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: orange;

  .edit-user-header {
    width: 10rem;
    height: 1.12rem;
    @include flex-center;
    font-size: .4267rem;
    color: $color-white;
    background-color: pink;

    ul {
      width: 9rem;
      height: 1.12rem;
      @include flex-space-between-center;
    }
  }
}
</style>
<template>
  <Transition name="edit-user">
    <teleport to="body">
      <div class="edit-user">
        <div class="edit-user-header">
          <ul>
            <li><i class="iconfont icon-fanhui"></i></li>
            <li>
              修改个人信息
            </li>
            <li></li>
          </ul>
        </div>
      </div>
    </teleport>
  </Transition>
</template>